<%--
  Created by IntelliJ IDEA.
  User: ChengK
  Date: 2017/4/21 0021
  Time: 16:50
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户登录</title>
    <script src="${pageContext.request.contextPath}/resources/js/base/jquery-1.12.1.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/css/bootstrap.min.css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/css/bootstrap-responsive.min.css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/css/unicorn.login.css" />
    <script src="${pageContext.request.contextPath}/resources/js/base/jquery-1.12.1.min.js"></script>
    <script src="${pageContext.request.contextPath}/resources/js/unicorn.login.js"></script>
    <script src="${pageContext.request.contextPath}/resources/js/base/common.js"></script>
    <script src="${pageContext.request.contextPath}/views/login/login.js"></script>
</head>
<%--<body>
<form method="post" action="${pageContext.request.contextPath}/login/doLogin.json" >
    用户名:<input name="username"/>
    密码:<input type="password" name="password"/>
    &lt;%&ndash;验证码:<input name="validateCode"/>&ndash;%&gt;
    <button type="submit">提交</button>
</form>
</body>--%>
<body>
<div id="logo">
    <img src="${pageContext.request.contextPath}/resources/img/logo.png" alt="" />
</div>
<div id="loginbox">
    <form id="loginform" method="post" action="${pageContext.request.contextPath}/login/doLogin.json" class="form-vertical"/>
    <p id="loginTip">Enter username and password to continue.</p>
    <div class="control-group">
        <div class="controls">
            <div class="input-prepend">
                <span class="add-on"><i class="icon-user"></i></span><input style="height:29px;"  id="username" name="username" type="text" placeholder="Username" />
            </div>
        </div>
    </div>
    <div class="control-group">
        <div class="controls">
            <div class="input-prepend">
                <span class="add-on"><i class="icon-lock"></i></span><input style="height:30px;"   id="password" name="password" type="password" placeholder="Password" />
            </div>
        </div>
    </div>
    <!--<div class="control-group">
        <div class="controls">
            <div class="input-prepend">
                <span class="add-on"><i class="icon-lock"></i></span><input type="text" placeholder="Verification code" />
            </div>
        </div>
    </div>-->
    <div class="form-actions">
        <span class="pull-left"><a href="#" class="flip-link" id="to-recover">Lost password?</a></span>
        <span class="pull-right"><input id="loginBtn" type="submit" class="btn btn-inverse" value="Login" /></span>
    </div>
    </form>
    <form id="recoverform" action="#" class="form-vertical" />
    <p>Enter your e-mail address below and we will send you instructions how to recover a password.</p>
    <div class="control-group">
        <div class="controls">
            <div class="input-prepend">
                <span class="add-on"><i class="icon-envelope"></i></span><input style="height:29px;" type="text" placeholder="E-mail address" />
            </div>
        </div>
    </div>
    <div class="form-actions">
        <span class="pull-left"><a href="#" class="flip-link" id="to-login">&lt; Back to login</a></span>
        <span class="pull-right"><input type="submit" class="btn btn-inverse" value="Recover" /></span>
    </div>
    </form>
</div>
</body>
</html>
